{% extends "base.html" %}
{% load staticfiles %}

{% block title %}
{{newName}}
{% endblock %}

{% block content %}
<link href="{% static 'css/news.css' %}" rel="stylesheet"><!--引用自建的news.css文件-->
<!-- 广告横幅 -->
<div class="container-fluid">
    <div class="row">
        <img class="img-responsive model-img" src="{% static 'img/new.jpg' %}">
    </div>
</div>
<!-- 主体内容 -->
<div class="container">
    <div class="row row-3">
        <!-- 侧边导航栏 -->
        <div class="col-md-3">
            <div class="model-title">
                新闻动态
            </div>
            <div class="model-list">
                <ul class="list-group">
                    <li class="list-group-item" id='company'>
                        <a href="{% url 'newsApp:news' 'company' %}">企业要闻</a>
                    </li>
                    <li class="list-group-item" id='industry'>
                        <a href="{% url 'newsApp:news' 'industry' %}">行业新闻</a>
                    </li>
                    <li class="list-group-item" id='notice'>
                        <a href="{% url 'newsApp:news' 'notice' %}">通知公告</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 说明文字和图片 -->
            <div class="model-details-title"><!--在该模块中添加表单，在表单中添加对应的文本搜索框和提交按钮-->
                {{newName}}
                <div class="col-md-7 hidden-xs model-details-title-search">
                    <!--haystack_search这就是享受快的痛苦，直接粘贴赋值，
                        报错了haystack_searchReverse for 'haystack_search' not found. 'haystack_search' is not a valid view function or pattern name.
                        太惨了，搜索是后面的模块，我注释掉一个模板没啥用，估计这里有很多个这样没定义的模板
                    -->
                    <form method="get" action="{% url 'haystack_search' %}"> <!--haystack模块还要加入到settings.py中的应用中INSTALLED_APPS；还要进行很多配置-->
                        <!--这是搜索模块，这里采用的是get方法，
                    表单请求就不会被Django后台系统所屏蔽，如果采用的提交方式是post，则需要在对应的视图函数前添加require_POST装饰器。-->
                        {% csrf_token %}
                        <div class="input-group"><!--name='keyword'么，q又是个啥，后台视图处理函数通过name属性来解析用户输入的文本信息-->
                            <!--name="q"是为了能让django-haystack默认的视图处理函数能够解析成数据;解析的数据传递给项目根目录下模板文件夹中的search中的search.html文件-->
                            <input type="text" name="q" class="form-control" placeholder="请输入关键词" required />
                            <span class="input-group-btn">
                                <input type="submit" class="btn btn-default" value="查询" />
                            </span>
                        </div>
                    </form>
                </div>
            </div>
            <div class="model-details">
                {% for mynew in newList %}
                <div class="news-model"><img src="{% static 'img/newsicon.gif' %}">
                    <!--新闻详情页面点击的链接-->
                    <a href="{% url 'newsApp:newDetail' mynew.id %}"><b>{{mynew.title}}</b></a>
                    <span>【{{mynew.publishDate|date:"Y-m-d"}}】</span><!--模板过滤器date-->
                    <p>
                        <!-- 添加新闻简要说明 -->
                        {{mynew.mytxt|truncatechars:"110"}}...
                    </p><!--truncatechars:"110"截断字符串，使得只显示前面110个字符-->
                </div>
                {% endfor %}

                {% if pageData %}
                <div class="paging">
                    <ul id="pages" class="pagination">
                        {% if pageData.first %}
                        <li><a href="?page=1">1</a></li>
                        {% endif %}
                        {% if pageData.left %}
                        {% if pageData.left_has_more %}
                        <li><span>...</span></li>
                        {% endif %}
                        {% for i in pageData.left %}
                        <li><a href="?page={{i}}">{{i}}</a></li>
                        {% endfor %}
                        {% endif %}
                        <li class="active"><a href="?page={{pageData.page}}">
                                {{pageData.page}}</a></li>
                        {% if pageData.right %}
                        {% for i in pageData.right %}
                        <li><a href="?page={{i}}">{{i}}</a></li>
                        {% endfor %}
                        {% if pageData.right_has_more %}
                        <li><span>...</span></li>
                        {% endif %}
                        {% endif %}
                        {% if pageData.last %}
                        <li><a href="?page={{pageData.total_pages}}">
                                {{pageData.total_pages}}</a></li>
                        {% endif %}
                    </ul>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}